<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Worker的使用</title>
</head>

<body>

    <script >
        //参考网址： https://juejin.cn/post/7139718200177983524
        //主线程，当前任务,引用子线程的任务
        const worker1 = new Worker("./worker1.js",{
            type:"module"
        });// 创建worker1线程

        //监听worker1线程发送过来的消息
        worker1.addEventListener("message", e => {
            console.log("接受来自子线程的任务", e.data)
            //worker返回的数据内容是
            // console.log(e.data);
            // worker1.terminate();//终端和主线成的联系任务。立即停止不在接受子线程的任务 ,子线程eventLoop中的任务就直接中断了
        })

        // worker1.addEventListener("messageerror",e=>{
        //     console.log("错误信息",e)
        // })
        //向worker线程中发送消息，比如数据什么的都可以，比如一个数组
        worker1.postMessage("sendmsg from Main Worker");

        console.log('主线程的代码继续执行，哈哈哈')

    </script>
</body>

</html>